import React, { useState } from "react";
import {
  Row,
  Col,
  Breadcrumb,
} from "antd";

import {  Route, NavLink ,Link} from "react-router-dom";
import TEditor from "./editor";
import TShow from "./tShow";

class PersonalCenter extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: 1,
    };
  }

  render() {
    return (
      <div>
        <Breadcrumb style={{ margin: "16px 0" }}>
          <Breadcrumb.Item>
            <Link to="/m/index">首页</Link>
          </Breadcrumb.Item>
          <Breadcrumb.Item>成员管理</Breadcrumb.Item>
          <Breadcrumb.Item>老师</Breadcrumb.Item>
        </Breadcrumb>
        <div className="admin-body" style={{ padding: 24, minHeight: 360 }}>
          <Row>
            <Col span={24}>
              <Route path="/m/member/t/">
                <Route path="/m/member/t/h">
                  <TShow />
                </Route>
                <Route path="/m/member/t/e">
                  <TEditor />
                </Route>
              </Route>
            </Col>
          </Row>
        </div>
      </div>
    );
  }
}

export default PersonalCenter;
